.container {
  padding: 0px;
  margin: 0px;
  /* width: 100%;
    height: 800px; */
  box-sizing: border-box;
  /* border: 3px solid red; */
}
 
.dialect_name_normal {
  width: fit-content;
  margin: 0 auto;
  padding: 2px 5px;
  border-radius: 4px;
  text-align: center;
  font-size: 12px;
  color: white;
  box-sizing: border-box;
  white-space: nowrap;
}

.phonetic_normal {
  font-size: 12px;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  margin-top: 3px;
  padding: 2px 5px;
  border-radius: 5px;
  text-align: center;
  white-space: nowrap;
}

.dialect_name_small {
  width: fit-content;
  margin: 0 auto;
  padding: 2px 2px 2px 2px;
  border-radius: 3px;
  text-align: center;
  font-size: 10px;
  color: white;
  box-sizing: border-box;
  white-space: nowrap;
  line-height: 1.25;
}

.phonetic_small {
  font-size: 9px;
  background: rgba(255, 255, 255, 0.6);
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  padding: 2px 2px 2px 2px;
  border-radius: 3px; 
  text-align: center;
  white-space: nowrap;
  line-height: 1.25;
}
.phonetic_ipa {
  font-size: 10px; 
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  padding: 2px 3px 2px 3px;
  border-radius: 3px; 
  text-align: center;
  white-space: nowrap;
  line-height: 1.25;
  color: white;
}
.point { 
  width: 8px; 
  height: 8px;
  border-radius: 50%;  
}
/* 在你的 CSS 文件中添加 */
.tooltip {
  font-size: 13px;
  background: rgba(255, 255, 255, 0.9);
  box-sizing: border-box;
  width: fit-content;
  margin: 0 auto;
  padding: 1px 3px 2px 4px;
  border-radius: 4px; 
  text-align: center;
  white-space: nowrap;
  line-height: 1.25;
  white-space: nowrap;
  top: -22px;
  
  border: 1px solid #eee;
  position: absolute;
  z-index: 100; /* 确保 Tooltip 显示在其他内容之上 */
  pointer-events: none; /* 防止 Tooltip 响应鼠标事件 */
} 
